

<template>
  <h2>登录界面</h2>
  <table border="1">
  <tr>
    <td>用户名</td>
    <td>
      <input type="text" v-model="info.xname" />
    </td>
  </tr>
  <tr>
    <td>密码</td>
    <td>
      <input type="password" v-model="info.xpwd" />
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <input type="button" @click="Add"/>
    </td>
  </tr>
</table>
</template>


<script setup lang="ts">
import {ref}from'vue';
import {useRouter} from 'vue-router';
import axios from'axios';

const info=ref({
  xname:"",
  xpwd:"",
})

//按钮事件
const Add=()=>{
  if(info.value.xname=="")
  {
alert("用户名不能为空");
return;
  }
  if(info.value.xpwd=="")
  {
alert("密码不能为空");
return;
  }
  //提交数据
  axios({
    url:"",
    method:"get",
    params:info.value,
  }).then((res)=>{
    console.log(res.data);
    if(res.data.code==200)
    {
      alert("登录成功");
      //跳转页面
      const router=useRouter();
      router.push("/");
    }
    else
    {
      alert("登录失败");
    }
  }).catch((err)=>{
    console.log(err);
  })
  //data:info.value,
  //get 提交方式
}
</script>

